<!--
 * @Description: 专题属于飞猫精选
 -->
<template>
  <div>
    <div class="layout-min-full-height special-standard our-special py-7 pc-model">
      <div class="container">
        <div class="row" v-for="zt_item in special_list" :key="zt_item.product_id">

          <div class="col-3">
            <router-link :to="{ path: '/imtest/details', query: { glPid: zt_item.pid } }" class="cursor-pointer">
              <div class="single-special-member">
                <div class="wrapper">
                  <div class="img-box">
                    <img
                      data-src="https://coding-init-1254329140.cos.ap-beijing.myqcloud.com/one.jpg"
                      src="https://coding-init-1254329140.cos.ap-beijing.myqcloud.com/one.jpg"></div>
                  <div class="info-meta"><h6 class="name">
                    {{zt_item.specialName}}
                    <span class="ml-2 text-muted fs-16">
                        ({{ 4 }}处)
                      </span></h6></div>
                </div>
                <div class="hover-content"><p><span><i class="icon-weibo"></i></span> <span><i
                  class="icon-qq"></i></span>
                </p></div>
              </div>
            </router-link>
          </div>
          <div class="col-3">
            <a href="/special/adobe" class="cursor-pointer">
              <div class="single-special-member">
                <div class="wrapper">
                  <div class="img-box">
                    <img data-src="https://static.konlonair.com/public/uploads/_/originals/adobe-cc-2019-special-2.jpg"
                         src="https://static.konlonair.com/public/uploads/_/originals/adobe-cc-2019-special-2.jpg"
                         lazy="loaded">
                  </div>
                  <div class="info-meta"><h6 class="name">
                    承德县
                    <span class="ml-2 text-muted fs-16">
                        ({{ 26 }}处)
                      </span></h6></div>
                </div>
                <div class="hover-content"><p><span><i class="icon-weibo"></i></span> <span><i
                  class="icon-qq"></i></span>
                </p>
                </div>
              </div>
            </a></div>
          <div class="col-3">
            <a href="/special/photo" class="cursor-pointer">
              <div class="single-special-member">
                <div class="wrapper">
                  <div class="img-box">
                    <img data-src="https://static.konlonair.com/public/uploads/_/originals/special-photo-edit.jpg"
                         src="https://static.konlonair.com/public/uploads/_/originals/special-photo-edit.jpg"
                         lazy="loaded">
                  </div>
                  <div class="info-meta">
                    <h6 class="name">
                      兴隆县
                      <span class="ml-2 text-muted fs-16">
                        ({{ 12 }}处)
                      </span>
                    </h6>
                  </div>
                </div>
                <div class="hover-content">
                  <p><span>
                  <i class="icon-weibo"></i></span> <span><i class="icon-qq"></i></span>
                  </p>
                </div>
              </div>
            </a>
          </div>
          <div class="col-3">
            <a href="/special/pm" class="cursor-pointer">
              <div class="single-special-member">
                <div class="wrapper">
                  <div class="img-box">
                    <img data-src="https://static.konlonair.com/public/uploads/_/originals/special-pm2-1.jpg"
                         src="https://static.konlonair.com/public/uploads/_/originals/special-pm2-1.jpg" lazy="loaded">
                  </div>
                  <div class="info-meta"><h6 class="name">
                    宽城县
                    <span class="ml-2 text-muted fs-16">
                        ({{ 8 }}处)
                      </span></h6></div>
                </div>
                <div class="hover-content"><p><span><i class="icon-weibo"></i></span> <span><i
                  class="icon-qq"></i></span>
                </p></div>
              </div>
            </a>
          </div>
          <div class="col-3">
            <a href="/special/mindmap" class="cursor-pointer">
              <div class="single-special-member">
                <div class="wrapper">
                  <div class="img-box">
                    <img data-src="https://static.konlonair.com/public/uploads/_/originals/special-manage-6.jpg"
                         src="https://static.konlonair.com/public/uploads/_/originals/special-manage-6.jpg"
                         lazy="loaded">
                  </div>
                  <div class="info-meta"><h6 class="name">
                    滦平县
                    <span class="ml-2 text-muted fs-16">
                        ({{ 5 }}处)
                      </span></h6></div>
                </div>
                <div class="hover-content"><p><span><i class="icon-weibo"></i></span> <span><i
                  class="icon-qq"></i></span>
                </p></div>
              </div>
            </a>
          </div>
          <div class="col-3">
            <a href="/special/manage" class="cursor-pointer">
              <div class="single-special-member">
                <div class="wrapper">
                  <div class="img-box">
                    <img data-src="https://static.konlonair.com/public/uploads/_/originals/special-mindmap-5.jpg"
                         src="https://static.konlonair.com/public/uploads/_/originals/special-mindmap-5.jpg"
                         lazy="loaded">
                  </div>
                  <div class="info-meta"><h6 class="name">
                    平泉市
                    <span class="ml-2 text-muted fs-16">
                        ({{ 6 }}处)
                      </span></h6></div>
                </div>
                <div class="hover-content"><p><span><i class="icon-weibo"></i></span> <span><i
                  class="icon-qq"></i></span>
                </p></div>
              </div>
            </a>
          </div>
          <div class="col-3">
            <a href="/special/prototype" class="cursor-pointer">
              <div class="single-special-member">
                <div class="wrapper">
                  <div class="img-box">
                    <img data-src="https://static.konlonair.com/public/uploads/_/originals/special-prototype-4.jpg"
                         src="https://static.konlonair.com/public/uploads/_/originals/special-prototype-4.jpg"
                         lazy="loaded">
                  </div>
                  <div class="info-meta"><h6 class="name">
                    丰宁满族自治县
                    <span class="ml-2 text-muted fs-16">
                        ({{ 10 }}处)
                      </span></h6></div>
                </div>
                <div class="hover-content"><p><span><i class="icon-weibo"></i></span> <span><i
                  class="icon-qq"></i></span>
                </p></div>
              </div>
            </a></div>
          <div class="col-3">
            <a href="/special/novice" class="cursor-pointer">
              <div class="single-special-member">
                <div class="wrapper">
                  <div class="img-box">
                    <img data-src="https://static.konlonair.com/public/uploads/_/originals/special-novice-1.jpg"
                         src="https://static.konlonair.com/public/uploads/_/originals/special-novice-1.jpg"
                         lazy="loaded">
                  </div>
                  <div class="info-meta"><h6 class="name">
                    围场满族自治县
                    <span class="ml-2 text-muted fs-16">
                        ({{ 20 }}处)
                      </span></h6></div>
                </div>
                <div class="hover-content"><p><span><i class="icon-weibo"></i></span> <span><i
                  class="icon-qq"></i></span>
                </p></div>
              </div>
            </a>
          </div>
        </div>
        <div class="clearfix pt-8"></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      special_list: ""
    };
  },
  mounted() {
    //获取所有专题（飞猫优选）
    this._getSpecialList()
  },
  methods: {
    _getSpecialList() {
      this.$axios
        .post("/cat/zt/getAllSpecial")
        .then((res) => {
          this.special_list = res.data.data.special;
        })
        .catch((err) => {
          console.log("error");
          return Promise.reject(err);
        });
    }
  }
};
</script>

<style scoped>
@import "../../assets/css/zt.css";
/*@import "https://static.konlonair.com/macwk-client/css/7343d4b.css";*/
</style>
